<template>
    <h2>登录页面</h2>
    <table>
        <tr>
            <td>账号</td>
            <td>
                <input type="text" />
            </td>
        </tr>
        <tr>
            <td>密码</td>
            <td>
                <input type="password" />
            </td>
        </tr>
        <tr>
            <td colspan="2" style="text-align: center;">
                <input type="button" value="登录" @click="Save"/>
            </td>
        </tr>
    </table>
</template>
<script setup lang="ts">
import{useRouter} from 'vue-router'

//创建路由对象的具体实例(应用场景：如果想通过路由跳转到其他页面、重定向页面、刷新页面时使用)
const router = useRouter();

//点击按钮时触发
const Save=()=>{
    alert('即将跳转Home页面')
    //跳转Home页面且不带任何参数
    // router.push('/home');

    router.push({
        name:"home",
        params:{
            Sid:20
        }
    })
    
}
</script>